<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/baseMsg.css">
    <script src="./js/jquery-3.3.1.min.js"></script>
    <title>基础信息</title>
</head>
<body>
    <div class="box">
        <div class="top">
            <a href="./idMsg.html"></a>
            <span>基础信息</span>
        </div>

        <div class="content">
            <div class="form">
                <span>姓名</span>
              
                 <input type="text" value="请输入中文姓名" onblur="if(this.value==''){this.value='请输入中文姓名'}" onfocus="if(this.value=='请输入中文姓名'){this.value=''}">
               
            </div>

            <div class="form">
                <span>性别</span>
                <span id="choose1">请选择</span>
            
               
            </div>

            <div class="form">
                <span>身份证号</span>
              
                 <input type="text" value="请输入18位身份证号码" onblur="if(this.value==''){this.value='请输入18位身份证号码'}" onfocus="if(this.value=='请输入18位身份证号码'){this.value=''}">
               
            </div>

            <div class="form">
                <span>婚姻状况</span>
                <span id="choose2">请选择</span>
                
                 
               
            </div>

            <div class="form">
                <span>所在地区</span>
              
                 <input type="text" value="请输入所在地区" onblur="if(this.value==''){this.value='请输入所在地区'}" onfocus="if(this.value=='请输入所在地区'){this.value=''}">
               
            </div>

            <div class="form">
                <span>最高学历</span>
                
                <span id="choose3">请选择</span>
                 
               
            </div>
            

            
        </div>

        <div class="btn">
            <span>下一步</span>
        </div>

        <!-- 性别弹出层 -->
        <div class="tan2 none">
            <div class="tanContent small">
                <div>
                    <input id="man" class="sex" type="radio" data-text="男" name="sex" />男
                    
                </div>

                <div>
                    <input id="woman" class="sex" type="radio" data-text="女" name="sex"/>女
                </div>

            </div>
        </div>
        <!-- 婚姻弹出层 -->

        <div class="tan1 none">
            <div class="tanContent small">
                <div>
                    <input id="two" class="marry" type="radio"  data-text="已婚" name="marry" />已婚
                    
                </div>

                <div>
                    <input id="one" class="marry" type="radio" data-text="未婚" name="marry"/>未婚
                </div>
            </div>
        </div>

        <!-- 学历弹出框 -->

        <div class="tan none">
            <div class="tanContent">
                <div>
                    <input id="big" class="edu" type="radio" value="0" data-text="大学学历" name="school"/>大学学历
                </div>

                <div>
                    <input id="gao" class="edu" type="radio" value="1" data-text="高中学历" name="school"/>高中学历
                </div>

                <div>
                    <input id="chu" class="edu" type="radio" value="2" data-text="初中学历" name="school"/>初中学历
                </div>

                <div>
                    <input id="xiao" class="edu" type="radio" value="3" data-text="小学学历" name="school"/>小学学历
                </div>
            </div>
        </div>

    </div>

    <script src="./js/baseMsg.js"></script>
</body>
</html>